<template>
  <div id="Dwnav">
    <section class="n1">
      <span class="iconfont icon-sousuo"></span>
    </section>
    <section class="n2">
      <router-link to="/Guanzhu"> <h2>关注</h2> </router-link>
    </section>
    <section class="n2">
      <router-link to="/Tuijian"> <h2> 推荐 </h2> </router-link>
    </section>
    <section class="n2">
      <router-link to="/Zhibo"> <h2> 直播 </h2> </router-link>
    </section>
    <section class="n1">
      <span class="iconfont icon-24gf-camera3"></span>
    </section>


    
    
  </div>

  
</template>

<script>
export default {};
</script>

<style scoped>
#Dwnav {
  width: 100%;
  height: 0.66rem;
  /* background-color: aquamarine; */
  display: flex;
  justify-content: space-around;
  line-height: .66rem;
  border-bottom: .01rem solid black;
  overflow: hidden;
}
#Dwnav section {
  width: 0.22rem;
  height: 0.22rem;
  /* background-color: burlywood; */
  font-size: 0.18rem;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
#Dwnav .n2 {
  width: 0.44rem;
}
#Dwnav .n2 h2 {
  color: #81828b;
  font-size: .18rem;
}
#Dwnav .n2 h2:hover {
  color: #363741;
  font-size: 0.22rem;
  font-weight: 700;
}
#Dwnav .n1 span {
  font-size: 0.22rem;
}
</style>